<template>
    <div class="edit-dialog">
         <el-dialog
            title="初验备案管理"
            :visible.sync="flag"
            width="628px"
            :before-close="handleClose"
            custom-class="dialog-box">
            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="118px" class="demo-ruleForm">
                <!--初验备案管理  -->
                <el-form-item label="初验通过时间" required>
                    <el-date-picker
                        v-model="ruleForm.value1"
                        type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="验收机构名称" required>
                    <el-input v-model="ruleForm.name" class="input-box"></el-input>
                </el-form-item>
                <el-form-item label="初验通过凭证" required>
                    <el-input v-model="ruleForm.name" class="input-box"></el-input>
                    <div class="img-box">
                        <img src="../../../assets/images/icon_form_16_select_arrdown.png" alt="">
                    </div>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
                <el-button @click="flag = false">取 消</el-button>
                <el-button type="primary" @click="flag = false">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name:'Examination',
        props: {
            flag: {
                type: Boolean,
                default: ''
            },
            type:{
                type: String,
                default: ''
            }
        },
        data(){
            return{
                rules:{},
                ruleForm:{

                },
                fileList:[]
            }
        },
        methods:{
            handleClose(){

            },
        }
    }
</script>

<style lang="scss" >
.edit-dialog{
    .input-box{
        position: relative;
    }
    .img-box{
        position: absolute;
        left:333px;
        top:0;
        width: 40px;
        height: 40px;
        background: #0d72ff;
        border-radius: 0px 4px 4px 0px;
        img{
            width:16px;
            height:16px;
            margin:12px;
        }
    }
}
</style>